/* style */
div.button-new{margin-bottom: 20px;}
th#task_c0, th#analysis_c0, th#attribute_c0, th#client_c0, th#comtrans_c0,
th#contact_c0, th#matter_c0, th#trensporter_c0, th#user_c0 {width: 25px;}
/*th.button-column{width: 50px;}*/
td.hnx-closed{color: #000000; font-weight: bold}
td.hnx-pending{color: green; font-weight: bold}
td.hnx-complate{color: orangered; font-weight: bold}
td.hnx-incomplate{color: red; font-weight: bold}
table.table-striped tr.tr_deadline, table.table-striped tr.tr_deadline td {background-color: #FF5B5B;}
form select.select-language{width: 100px;}
#right-code{display: inline-block;position: relative;}
#img-barcode{float: left;position: relative;}
#img-barcode:after{clear:both}
input, select {width: 456px; }
.pointer {cursor: pointer}
body .modal {
    /* new custom width */
    width: 800px;
    /* must be half of the width, minus scrollbar on the left (30px) */
    margin-left: -400px;
    display: none;
}

/*div.canvas-signature {border:1px solid  #666666;display: block;}*/
div.canvas-signature .canvas-pad {border:1px solid  #666666;}
.img-grid{height: 50px; width: auto;}